html,body,#app{
    width: 100%;
    height: 100%;
}


/* ------------------------ 公共部分 开始 -------------------------- */
.QS-content-template{
    width: 100%;
    height: 100%;
}
.image{
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}

::-webkit-scrollbar-track-piece { 
    background-color:#f8f8f8;
}
::-webkit-scrollbar {
    width:0px;
    height:0px;
}
::-webkit-scrollbar-thumb {
    background-color:#bbb;
    background-clip:padding-box;
    min-height:.28rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}


.QS-test{
    width: 100%;
    height: 100%;
    padding: .5rem 0;
    box-sizing: border-box;
    text-align: center;
}
.QS-test h3{
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .3rem;
}
.QS-test p{
    font-size: .2rem;
    color: #999;
}


/* ------------------------ 公共部分 结束 -------------------------- */





/* ------------------------ 登录页面 开始 -------------------------- */
.QS-loading{
    width: 100vw;
    min-width:12rem;
    max-width: 19.2rem;
    height: 100%;
    margin: 0 auto;
    background-image: url(../image/banner.png);
    position: relative;
}

.loading_logo{
    width: 1.29rem;
    height: 0.39rem;
    position: absolute;
    left: .47rem;
    top: 0.41rem;
}

.loading_cont{
    width: 3.76rem;
    height: 3.1rem;
    background-color: #fff;
    border-radius: .06rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    padding: .3rem;
    box-sizing: border-box;
}

.loading_tips{
    width: 100%;
    height: auto;
    line-height: .28rem;
    font-size: .2rem;
    color: #333;
    padding-bottom: .4rem;
}

.loading_form .el-form-item__label{
    text-align: left;
}

.loading_confirm_btn .el-form-item__content{
    margin-left: 0 !important;
}
.loading_btn{
    width: 100%;

}
/* ------------------------ 登录页面 结束 -------------------------- */



/* ------------------------ 控制台 开始 -------------------------- */

.QS-control{
    display: flex;
    display: -webkit-flex;
}
/* 控制台-操作台 */
.control_tab{
    width: 2rem;
    height: 100%;
    background-color: #223E61;
    flex:0 0 2rem;
    -webkit-flex:0 0 2rem;
}

.control_icon{
    width: 100%;
    height: 0.6rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.control_icon img{
    width: 0.4rem;
    height: 0.4rem;
}
.control_icon p{
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
    padding-left: .1rem;
}

.control_console{
    width: 100%;
    height: calc(100vh - .6rem);
    overflow-x: hidden;
    overflow-y: scroll;
}


.control_cont{
    flex:1;
    -webkit-flex:1;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.control_userInfo{
    width: 100%;
    height: 0.6rem;
    line-height: .6rem;
    flex:0 0 .6rem;
    -webkit-flex:0 0 .6rem;
    background-color: #223E61;
    padding: 0 .3rem;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.control_userInfo p{
    font-size: .12rem;
    color: #fff;
    padding: 0 .1rem;
}
.control_userInfo img{
    width: 0.22rem;
    height: 0.22rem;
    flex:0 0 
}

.control_view{
    flex:1;
    -webkit-flex:1;
    overflow-x: hidden;
    overflow-y: scroll;
}

.element_form{
    width: 80%;
    height: auto;
    padding: .3rem;
    box-sizing: border-box;
    margin: 0 auto;
}
.element_btnBox{
    text-align: center;
}




.control_console_menu .el-menu-item-group__title{
    display: none;
}


/* ------------------------ 控制台 结束 -------------------------- */